<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		
		<script src="/lib/requirejs/require.js" data-main="/js/detail"></script>
		
		
		<link rel="stylesheet" href="/js/bootstrap/css/bootstrap.css">
		<link rel="stylesheet" type="text/css" href="/css/index.css"/>
		<link rel="stylesheet" type="text/css" href="/css/detail.css"/>
	</head>
	<body>
		
		<header></header>
		<div class="detail-content">
		 	
		 </div>
		
		<footer></footer>
	</body>
</html>


<script type="text/html" id="detail_template">
	{{each list prod}}
	<div class="sitmap">
		 		<div class="sitmap-one">{{prod.series}}</div>
		 		<div class="sitmap-arrow">
		 			<img src="/images/arrow-right.png"/>
		 		</div>
		 		<div class="sitmap-one">{{prod.name}}</div>
		 	</div>
		 	
		 	<div class="de-main">
		 		<div class="de-info">
		 			<div class="detail-left">
		 				<div class="left-pic">
		 					<div id="item-effect">
		 						<img src="{{prod.top_img[0].middle_img}}" data-zoom-image="{{prod.top_img[0].big_img}}" alt="" class="middle-zoom"/>
		 					</div>
		 				</div>
		 				<div class="info-thumb " >
		 					<ul id="gal1">
		 						{{each prod.top_img curr}}
		 						<li>
		 							<a href="#" data-image="{{curr.middle_img}}" data-zoom-image="{{curr.big_img}}">
										<img src="{{curr.small_img}}" alt="">
									</a>
		 						</li>
		 						{{/each}}
		 					</ul>
		 				</div>
		 			</div>
		 			<div class="detail-right">
		 				<ul>
		 					<!--活动标签-->
		 					<li class="icon-activity"><p></p></li>
		 					<!--蛋糕id-->
		 					<li class="id" style="display: none;">{{prod.id}}</li>
		 					<!--蛋糕名称-->
		 					<li class="cake-name"><p>{{prod.name}}</p></li>
		 					<!--蛋糕价格-->
		 					<li class="cake-price">
		 						<div class="price-left">
		 							￥<span class="price">{{prod.price}}</span>
		 							<span class="price-left-small">.00</span>
		 						</div>
		 						<div class="price-right"></div>
		 					</li>
		 					<!--蛋糕甜度-->
		 					<li class="cake-sweetness">
		 						<div class="sweetness">
		 							甜度:
		 							<span><img src="{{prod.sweetness}}"/></span>
		 						</div>
		 					</li>
		 					<!--蛋糕磅数-->
		 					<li class="cake-size">
		 						<ul class="sizes">
		 							
		 							<li class="li-size choose-size">
		 								<abbr class="abbr">{{prod.weight[0].bang}}</abbr>
		 							</li>
		 							<li class="li-size">
		 								<abbr class="abbr">{{prod.weight[1].bang}}</abbr>
		 							</li>
		 							<li class="li-size">
		 								<abbr class="abbr">{{prod.weight[2].bang}}</abbr>
		 							</li>
		 							<li class="li-size">
		 								<abbr class="abbr">{{prod.weight[3].bang}}</abbr>
		 							</li>
		 						</ul>
		 					</li>
		 					<li class="cake-message">
		 						<div class="message-one">{{prod.size}}</div>
		 						<div class="message-two">{{prod.person}}</div>
		 						<div class="message-three">{{prod.dnwere}}</div>
		 						<div class="message-four">{{prod.order}}</div>
		 					</li>
		 					<li class="cake-count">
		 						<div class="reduce-num"></div>
		 						<div class="amount">1</div>
		 						<div class="add-num"></div>
		 					</li>
		 					<li class="info-button">
		 						<div class="button-group">
		 							<span class="add-cart-button">加入购物车</span>
		 							<span class="buy-button">立即购买</span>
		 						</div>
		 					</li>
		 				</ul>
		 			</div>
		 		</div>
		 	</div>
		 	 <!--商品细节图展示-->
		 	 <div class="product-detail-content">
		 	 	<div class="detail-nav">
		 			<ul class="nav nav-tabs">
						<li class="active"><a href="#">商品详情</a></li>
						<li><a href="#">商品评论(<span>{{prod.recomment}}</span>条)</a></li>
					</ul>
		 		</div>
		 		
		 		<div class="product-detail-main">
		 			<div class="product-notes">

		 				<div class="left">
		 					<div class="brand">品牌：贝思客</div>
		 					<div class="taste">
		 						口味
		 						<span>{{prod.taste}}</span>
		 					</div>
		 					<div class="besttime">
		 						{{prod.besttime}}
		 					</div>
		 				</div>
		 				<div class="right">
		 					<div class="material">{{prod.material}}</div>
		 					<div class="crowd">
		 						适合人群
		 						<span>{{prod.crowd}}</span>
		 					</div>
		 				</div>
		 			</div>
					<div class="product-decr">
						<div class="decr-chenese">
							{{prod.desc}}
						</div>
						<div class="decr-english">
							{{prod.edesc}}
						</div>
					</div>
					<div class="product-introduce" >
						{{each prod.big curr}}
						<img src="{{curr.desc_img}}"/>
						{{/each}}
					</div>
					<div class="pruduct-size">
						<img src="{{prod.size_img}}"/>
					</div>
					
					<!--配送地区-->
					<div class="delivery-scope">
						{{each prod.delivery curr}}
						<div class="address-a">{{curr.area}}</div>
						<div class="address-b">{{curr.address}}</div>
						{{/each}}
						
					</div>
					
					<div class="banner-group">
						{{each prod.banner_img curr}}
						<div class="xc-banner">
							<img src="{{curr.bk_img}}"/>
						</div>
						{{/each}}
					</div>
		 		</div>
		 		
		 	 </div>
	{{/each}}
</script>